import Vue from 'vue'
import VueRouter from 'vue-router'
import Post from '../components/Post a post.vue'
import Publish from '../components/Publish pictures.vue'
import Home from '../components/Home.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/', component: Home, children: [
      {path: '/', component: () => import('../components/Home_page.vue')},
      {path: '/home_page', component: () => import('../components/Home_page.vue')},
      {path: '/pub', component: () => import('../components/Pub.vue'), children: [
        {path: '/', component: ()=> import('../components/Tavern routing/THot.vue')},
        {path: '/TLatest post', component: ()=> import('../components/Tavern routing/TLatest post.vue')},
        {path: '/TLatest reply', component: ()=> import('../components/Tavern routing/TLatest reply.vue')},
        {path: '/THot', component: ()=> import('../components/Tavern routing/THot.vue')}
      ]},
      {path: '/strategy', component: () => import('../components/Strategy.vue'), children: [
        // {path: '/', component: ()=> import('../components/Strategy sub route/Latest post.vue'), children: [{path: '/', component: ()=> import('../components/Strategy sub route/Search.vue')}]},
        {path: '/', component: ()=> import('../components/Strategy sub route/Hot.vue'), children: [{path: '/', component: ()=> import('../components/Strategy sub route/Search.vue')}]},
        {path: '/latest post', component: ()=> import('../components/Strategy sub route/Latest post.vue'), children: [{path: '/', component: ()=> import('../components/Strategy sub route/Search.vue')}]},
        {path: '/latest reply', component: ()=> import('../components/Strategy sub route/Latest reply.vue'), children: [{path: '/', component: ()=> import('../components/Strategy sub route/Search.vue')}]},
        {path: '/hot', component: ()=> import('../components/Strategy sub route/Hot.vue'), children: [{path: '/', component: ()=> import('../components/Strategy sub route/Search.vue')}]},
        {path: '/strategy classification', component: ()=> import('../components/Strategy sub route/Strategy classification.vue')}
      ]},
      {path: '/official', component: () => import('../components/Official.vue'), children: [
        {path: '/', component: ()=> import('../components/Official route/Notice.vue')},
        {path: '/notice', component: ()=> import('../components/Official route/Notice.vue')},
        {path: '/activity', component: ()=> import('../components/Official route/Activity.vue')},
        {path: '/real-time info', component: ()=> import('../components/Official route/Real-time info.vue')}
      ]},
      {path: '/observation_pivot', component: () => import('../components/Observation_pivot.vue')},
      {path: '/peer_map', component: () => import('../components/Peer_map.vue'), children: [
        {path: '/', component: ()=> import('../components/Peer graph routing/Hot.vue')},
        {path: '/llatest post', component: ()=> import('../components/Peer graph routing/Latest post.vue')},
        {path: '/llatest reply', component: ()=> import('../components/Peer graph routing/Latest reply.vue')},
        {path: '/lhot', component: ()=> import('../components/Peer graph routing/Hot.vue')},
      ]},
      {path: '/mycos', component: () => import('../components/Mycos.vue'), children: [
        {path: '/', component: ()=> import('../components/Cos routing/Hot.vue')},
        {path: '/ll2atest post', component: ()=> import('../components/Cos routing/Latest post.vue')},
        {path: '/ll2atest reply', component: ()=> import('../components/Cos routing/Latest reply.vue')},
        {path: '/l2hot', component: ()=> import('../components/Cos routing/Hot.vue')},
      ]},
      {path: '/hard_core', component: () => import('../components/Hard_core.vue'), children: [
        {path: '/', component: ()=> import('../components/Hard core routing/THot.vue')},
        {path: '/TL2atest post', component: ()=> import('../components/Hard core routing/TLatest post.vue')},
        {path: '/TL2atest reply', component: ()=> import('../components/Hard core routing/TLatest reply.vue')},
        {path: '/TH2ot', component: ()=> import('../components/Hard core routing/THot.vue')}
      ]},
      {path: '/follow', component: () => import('../components/Follow.vue')},
      {path: '/news', component: () => import('../components/News.vue'), children: [
        {path: '/', component: ()=> import('../components/Message routing/Reply to my route.vue'), children: [{path: '/', component: ()=> import('../components/Message routing/All_replies.vue')}]},
        {path: '/reply to my route', component: ()=> import('../components/Message routing/Reply to my route.vue'), children: [
          {path: '/', component: ()=> import('../components/Message routing/All_replies.vue')},
          {path: '/all_replies', component: ()=> import('../components/Message routing/All_replies.vue')},
          {path: '/what_I_care_about', component: ()=> import('../components/Message routing/What_I_care_about.vue')}
        ]},
        {path: '/active me routing', component: ()=> import('../components/Message routing/Active me routing.vue'), children: [
          {path: '/', component: ()=> import('../components/Message routing/All_replies2.vue')},
          {path: '/all_replies2', component: ()=> import('../components/Message routing/All_replies2.vue')},
          {path: '/what_I_care_about2', component: ()=> import('../components/Message routing/What_I_care_about2.vue')}
        ]},
        {path: '/system notification routing', component: ()=> import('../components/Message routing/System notification routing.vue')},
        {path: '/route received', component: ()=> import('../components/Message routing/Route received.vue'), children: [
          {path: '/', component: ()=> import('../components/Message routing/All_replies3.vue')},
          {path: '/all_replies3', component: ()=> import('../components/Message routing/All_replies3.vue')},
          {path: '/what_I_care_about3', component: ()=> import('../components/Message routing/What_I_care_about3.vue')}
        ]},
        {path: '/message_settings', component: ()=> import('../components/Message_settings.vue')}
      ]},

      {path: '/post', component: Post},
      {path: '/publish', component: Publish}
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
